iT邦幫忙

2021 iThome 鐵人賽

DAY 25
0
自我挑戰組

30天小老闆系列(1)--線上排班小工具系列 第 25

DAY25 搞樣式--用CSS Gird來搞個萬年曆吧(下)

  • 分享至 

  • xImage
  •  

前言

從DAY24篇開始,已經開始嘗試在實作的部分,也不知道來不來的及30天做完,沒預料到的變數太多了
先是外婆離世,後來又被抓去當專案救火員,我只能說我盡力而為。

因為用了一堆完全沒有實做過的東西,像是Vuex、Nuxt.js、CSS Grid、Pug,其實要花很多時間在摸索跟研究,很難馬上整理出一篇可以與他人分享的有意義文章。
雖然很希望每篇文章都可以讓大家都可以從中學習到一點東西,不過在我自己理解透徹之前,覺得是有點困難的,我也不想寫不正確的東西誤導他人。

所以比較抱歉的是,接下來的幾篇就會往工作日誌的方向先做紀錄,待整個系列作品完成後,再行整理成重點筆記。

然後今天這篇因為這兩天真的身體不太好,所以先簡單紀錄一下今天做了什麼,待明天確實完成了Grid萬年曆後再來更正,再次抱歉

這是今天的小小成果,雖然做出自己想要的樣子,但想要換個方式,所以今天的文章就先記錄到這
https://ithelp.ithome.com.tw/upload/images/20210925/201368335yfnLU5LMW.jpg

今日震撼筆記(先條列)

雖然標題是CSS Grid,但今天其實花比較多時間在研究Pug

  • Pug 可以用變數,可以放陣列、物件、字串、數字......
  • Pug 竟然可以用公式,像是for、each......
  • CSS :nth-of-type 到底怎麼用,我常常很灰,幾n+幾需要讓我思考一下
  • CSS Grid 重疊的方式是什麼原理原則

上一篇
DAY24 搞樣式--用CSS Gird來搞個萬年曆吧(上)
下一篇
DAY26 進行式--工作日誌001
系列文
30天小老闆系列(1)--線上排班小工具30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言